<template>
  <div class="index percentage">
    <a-layout class="percentage">
      <a-layout-header>
        <Menu></Menu>
      </a-layout-header>

      <a-layout>
        <keep-alive include="InstructionalDesign">
          <router-view />
        </keep-alive>
      </a-layout>

      <DownloadDrawer></DownloadDrawer>
    </a-layout>
  </div>
</template>
<script>
import { createNamespacedHelpers, mapState} from "vuex";
let { mapMutations, mapActions } = createNamespacedHelpers("adminBasic");

import Menu from '@/components/Menu.vue';
import SubMenu from '@/components/SubMenu.vue';
import DownloadDrawer from '@/components/DownloadDrawer.vue';



export default {
  name: 'index',
  components: { Menu, SubMenu, DownloadDrawer },
  data() {
    return {
      subMenuList: [],
    }
  },

  created() {
  },

  methods: {
    ...mapActions(["formGet","post"]),

    

    routerPush(e) {
      this.$router.push(e);
    }
  }
}
</script>



<style lang="less">
.ant-layout-sider,
.ant-layout-header {
  background: #fff;
}
</style>
<style lang="less" scoped>
.percentage {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gutter-row {
  height: 100%;
}

.index {
  width: 100%;
  height: 100%;
  background: url('../assets/img/bg.png') 0 0 no-repeat;
  background-size: cover;
}


.ant-layout-header {
  padding: 0 ;
  border-bottom: 1px solid rgba(231, 231, 231, 1);
}
</style>